<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Management</title>
<link rel="stylesheet" href="./css/airline.css">
<link rel="stylesheet"
	href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="./js/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script src="./js/sunshine.js"></script>
<script src="./js/UserManagement.js"></script>
</head>
<body>
	<div class="top">
		<div class="logo">
			<img class="logoimg" src="./image/logo/logo1.png" alt="">
		</div>
		<div class="status">Administrator Menu</div>
	</div>
	<div class="menulist">
		<a href="./FlightSchMgt.html"><div class="list_sf"
				style="width: 300px;">Flight Schedule Management</div></a>
		<div class="list_sf" style="color: #F79420;">User Management</div>
		<div class="list_out">Logout</div>
	</div>
	<div class="UMmid">
		<div class="UMMenu">
			<div class="UMrole">
				<p>Role:</p>
				<select class="roleid" style="width: 80px;">
					<option value="0" selected>All</option>
					<option value="1">User Office</option>
					<option value="2">Manager</option>
				</select>
			</div>
			<div class="UMrole">
				<p>Name</p>
				<input class="name" style="width: 100px;" type="text">
			</div>

			<div class="UMsearch">
				<input style="width: 80px;" type="button" name="" id="show"
					value="Search" />
			</div>

			<div class="UMsearch2">
				<a href="./AddUser.html"> <input type="button" name="" id=""
					value="Add a new user" />
				</a>
			</div>
		</div>

		<div class="UMtab">
			<table width="100%">
				<thead>
					<tr class="thead">
						<th>Email</th>
						<th>Name</th>
						<th>Gender</th>
						<th>Date Of Birth</th>
						<th>Phone</th>
						<th>Role</th>

					</tr>
				</thead>
				<tbody>

				</tbody>
				<!-- <tr class="tdcolor">
                    <td>behappy@vip.sina.com</td>
                    <td>Mag Lydia</td>
                    <td>Male</td>
                    <td>1988-06-06</td>
                    <td>13087666556</td>
                    <td>Office User</td>

                </tr>
                <tr class="tdcolor1">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor1">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor1">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor1">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                <tr class="tdcolor1">
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                    <td> </td>
                </tr>
                   -->
			</table>
			<div class="subedit">
				<input style="width: 80px; font-size: 16px;" type="button" name=""
					id="show" value="Edit" />
			</div>
			<div class="UMunder">
				<div class="prev">
					<i class="fa fa-step-backward" aria-hidden="true"></i>
				</div>
				<div class="prev">
					<i class="fa fa-chevron-left" aria-hidden="true"></i>
				</div>
				<div class="NUM">
					<select style="width: 80px;">
						<!-- <option  value="volvo">1</option> -->
					</select>
				</div>
				<div class="prev">
					<i class="fa fa-chevron-right" aria-hidden="true"></i>
				</div>
				<div class="prev">
					<i class="fa fa-step-forward" aria-hidden="true"></i>
				</div>
			</div>
			<div class="underpage">
				<span class="pages"> Total Pages:10 </span> <span class="total">
					Total Records:10 </span>
			</div>
		</div>
	</div>



</body>
</html>